* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
}
li {
  list-style: none;
}

a {
  color: #222222;
  text-decoration: none;
}
img {
  border: none;
}
s,i {
  font-style: normal;
}
h1,h2,h3,h4.h5,h6 {
  font-weight: normal;
}
i {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke-width: 0.2px;
  font-family: iconfont;
}
@font-face {
    font-family: 'iconfont';
    src: url('/static/iconfont/iconfont.eot');
    src: url('/static/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('/static/iconfont/iconfont.woff') format('woff'),
    url('/static/iconfont/iconfont.ttf') format('truetype'), url('/static/iconfont/iconfont.svg#iconfont') format('svg');
}

body,html {
    background-color: #fafafa;
    font-family: MicrosoftYaHei;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none;
}

@keyframes allTransition {
    0% {
        opacity: 0;
        padding-left: 30px;
    }
    100% {
        opacity: 1;
        padding-left: 0;
    }
}

input {
    padding-left: 10px!important;
    height: 40px;
    line-height: 40px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:focus,
textarea:focus {
    transition: border-color .3s;
    border-color: #478dee !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #BBBBBB;
}

textarea,
input {
    border-radius: 3px;
    font-size: 14px;
    border: 1px solid #DCDCDC;
}

textarea {
    resize: none
}

s {
    text-decoration: none;
}
/* 共用部分 */
.f-hide{
    display: none;
}

/* 顶部固定内容 */

.f-top {
    position: fixed;
    width: 100%;
    height: 64px;
    padding-left: 64px;
    background-color: #fff;
    line-height: 64px;
    top: 0;
    border-bottom: 1px solid #E6E9EB;
    font-size: 16px;
    color: #111;
    z-index: 1;
}

.f-top i{
    font-size: 20px;
    position: relative;
    top: 2px;
}

.f-top a{
    color: #478dee;
}

.f-top a.backSuperior{
    padding-right: 30px;
    height: 100%;
    display: inline-block;
    margin-right: 20px;
    border-right: 1px solid #E6E9EB;
}

.f-top .f-top-right{
    border-left: 1px solid #ddd;
    float: right;
    padding-left:20px;
    margin-right:76px;
}
.f-top .f-top-left-a{
    border-right: 1px solid #ddd;
    padding-right:20px;
}
.f-top-left>a,.f-top-left>div{
    float: left;
}
.f-top-bread a:first-child{
    margin-left: 28px;
}
.f-top-menu{
    margin-left:66px;
}

/* 列表页面 */
.f-container {
    padding: 0px 5%;
    margin-top: 105px;
}
.f-container-60{
    width: 60%;
}
.f-container-75{
    width: 75%;
}
.f-filter-line{
    margin-bottom: 28px;
}
.f-table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    margin-bottom: 50px;
}
.f-table th,
.f-table td {
    border-top: 1px solid #E6E9EB;
    padding: 15px 0 15px 30px;
}
.f-table thead tr th {
    font-weight: normal;
    font-size: 14px;
    color: #aaaaaa;
}
.f-table tbody tr:nth-child(odd) td {
    background-color: #F9F9F9;
}
.f-table tbody tr:last-child td {
    border-bottom: 1px solid #E6E9EB;
}
.f-table tbody tr td {
    font-size: 14px;
}

/* 按钮组 */
.f-btn{
    color: #555;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #DCDCDC;
    padding: 2px 10px;
    cursor: pointer;
    margin: 3px;
}

.f-btn:hover{
    color: #222;
    border: 1px solid #AAA;
}

.f-btn-blue {
    color: #5C9CF4;
    border: 1px solid #5C9CF4;
}
.f-btn-red {
    color: #FF4B4B;
    border: 1px solid #FF4B4B;
}
.f-span{
    padding: 2px 5px;
    border-radius: 4px;
    color: #eee;
}
.f-span-week {
    background-color: #8c9eff;
}
.f-span-month {
    background-color: #64b5f6;
}
.f-span-quarter {
    background-color: #00BFA5;
}

.f-span-sunday {
    background-color: #ffaa60;
}
.f-span-monday {
    background-color: #956585;
}
.f-span-friday {
    background-color: #eb5d5d;
}
.f-span-wednesday {
    background-color: #358fa6;
}
.f-span-tuesday {
    background-color: #13B5B1;
}
.f-span-thursday {
    background-color: #47BDEE;
}
.f-span-dark {
    background-color: #b1b1b1;
}

/* 文字描述模块 */
.f-desc-p,.f-desc-p p{
    line-height: 33px;
    color: #666;
}
.f-desc-p h2{
    color: #333;
}
